<div id="AppMain">
    <div class="left-info">
        <div class="user-info text-center">
            <!--<img ng-if="!Avatar" ng-src="src/imgs/user/avatar1.png" width=70 height=70/>-->
            <img ng-src="{{Avatar}}" width=70 height=70/>
            <p class="text-muted"><span>姓　　名：</span><i>{{User.detail.realName?User.detail.realName:'用户'}}</i></p>
            <p class="text-muted"><span>用户类型：</span><i>{{User.detail.userTypeName}}</i></p>
            <!--TODO:二职修改-->
            <p class="text-muted" ><span>{{User.authority=='Student'?'学　　号：':'工　　号：'}}</span><i>{{UserExtendInfo.extendCode}}</i></p>
            <p class="text-muted" ><span>{{User.authority=='Student'?'学生班级：':'所属部门：'}}</span><i>{{UserExtendInfo.deptClassName}}</i></p>
            <p class="text-muted"><span>联系电话：</span><i>{{User.detail.mobile}}</i></p>
        </div>
        <!--<div class="my-money">-->
            <!--<p class="text-muted"><span>登录ip:</span><i>{{User.detail.lastLoginIp}}</i></p>-->
            <!--<p class="text-muted"><span>登录时间:</span><i>{{User.detail.lastLoginTime}}</i></p>-->
            <!--<p>一卡通(元): <span>1152</span>  </p>-->
            <!--&lt;!&ndash;TODO:二职修改&ndash;&gt;-->
            <!--<p ng-if="User.authority != 'Student'">本月工资(元): <span>20220</span></p>-->
        <!--</div>-->
        <div class="my-sys">
            <!--<h4 class="text-muted">我的系统(34)</h4>TODO 演示修改-->
            <h4 class="text-muted">应用中心</h4>
            <div class="app-slide" ng-if="User.authority != 'Teacher' && User.authority != 'Student'">
                <div class="text-muted">
                    <a href ng-click="MyHomepage()">
                        {{User.authority == 'CloudAdmin'?'系统管理':'平台管理'}}
                        <!--{{User.authority == 'CloudAdmin'?'平台管理':'系统管理'}}TODO 演示修改-->
                    </a>
                </div>
            </div>
            <div class="app-slide" ng-repeat="item in AppTypeList" ng-show="item.appList.length != 0" ng-if="AppTypeList.length">
                <div class="text-muted " ng-click="isCollapsed = !isCollapsed">
                    {{item.appTypeName}}
                    <i class="pull-right iconfont icon-xiala" ng-class="isCollapsed ? 'up' : 'down'"></i>
                </div>
                <div collapse="!isCollapsed">
                    <a class="app-slide-second" ng-repeat="app in item.appList" ng-if="app.url !==''" href="{{app.url}}" target="_blank" ng-click="setCommonFun()">
                        <!--imgApi+-->
                        <i><img lazy-src="{{imgApi+app.icon}}" alt="" width="24" height="24"></i> {{app.appName}}
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="right-info">
        <div class="my-app">
            <div class="head">
                <span>我的应用</span>
            </div>
            <div class="app-list" ng-show="isChangeCommonApp">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" ng-repeat="CommonApp in UserCommonAppList" ng-if="UserCommonAppList.length !=0">
                            <a href ng-click="layerOpen(CommonApp)">
                                <div class="img-wrap">
                                    <img ng-src="{{imgApi+CommonApp.appCommonlyFunctionIcon}}" width=70 height=70/>
                                </div>
                                <p class="text-center">{{CommonApp.appCommonlyFunctionName}}</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <i class="iconfont icon-tianjia" ng-click="OpenCommonAppModel()"></i>
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                    <!-- 如果需要导航按钮 -->
                    <!--<div class="swiper-button-prev"></div>-->
                    <!--<div class="swiper-button-next"></div>-->
                </div>
            </div>
        </div>
        <div class="pieces-wrap" ui-sortable="sortableOptions" ng-model="piecesList">
            <div class="piece" ng-repeat="item in piecesList" ng-init="parentKey = $index" bind-html-compile='item.cloudIndexModuleHtml'></div>
            <div class="piece">
                <i class="iconfont icon-add" ng-show="!pieceAddBtn" ng-click="addPiece(0)"></i>
                <form class="form-inline" ng-show="pieceAddBtn">
                    <div class="form-group">
                        <input type="text" class="form-control" ng-model="pieceTitle" name="pieceTitle" placeholder="请输入框架标题">
                    </div>
                    <button class="btn btn-primary" ng-click="addPiece(1)">确定</button>
                    <button class="btn btn-default" ng-click="addPiece(-1)">取消</button>
                </form>
            </div>
        </div>
        <!--<div class="pieces-wrap" ui-sortable="sortableOptions" ng-model="piecesList">-->
            <!--<div class="piece">-->
                <!--<div class="tasks">-->
                    <!--<div class="head">-->
                        <!--<span>任务列表</span>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-yingyongzhongxin" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li ng-repeat="(key,value) in pieceNameList">-->
                                    <!--<a href ng-click="resetPiece(parentKey,key)">{{value}}</a>-->
                                <!--</li>-->
                                <!--<li class="divider"></li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="setLocked()">删除板块</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-shezhi" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li>-->
                                    <!--<a href ng-click="addPieceTab(parentKey)">新增标签</a>-->
                                <!--</li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="delPieceTab(parentKey)">{{item.tabClose?'取消删除':'删除标签'}}</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<tabset>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--未办 <i class="iconfont icon-shanchu" ng-if="item.tabClose" ng-click="delTab(parentKey,id)"></i>-->
                                <!--<i class="badge" ng-if="TodoList[1].newNum!==0 ">{{TodoList[1].newNum}}</i>-->
                            <!--</tab-heading>-->
                            <!--<div class="tab-main">-->
                                <!--<ul class="list-unstyled task-list">-->
                                    <!--<li ng-repeat="item in TodoList[1].todoList" ng-click="getDetail(item.url)">-->
                                        <!--<span class="pointer"></span> <u>{{item.todoTypeName}}:{{item.todoName}}-->
                                        <!--<b class="iconfont icon-new" ng-if="item.new"></b> </u>-->
                                        <!--<i>{{item.acceptDate | limitTo:10}}</i>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="tab-footer">-->
                                <!--<a href ng-click="getMoreInfoList('unTodo')" class="pull-right">查看所有记录<i class="iconfont icon-gengduo"></i>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</tab>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--已办 <i class="badge" ng-if="TodoList[0].newNum!==0">{{TodoList[0].newNum}}</i>-->
                            <!--</tab-heading>-->
                            <!--<div class="tab-main">-->
                                <!--<ul class="list-unstyled task-list">-->
                                    <!--<li ng-repeat="item in TodoList[0].todoList" ng-click="getDetail(item.url)">-->
                                        <!--<span class="pointer"></span> <u>{{item.todoTypeName}}:{{item.todoName}}-->
                                        <!--<b class="iconfont icon-new" ng-if="item.new"></b> </u>-->
                                        <!--<i>{{item.acceptDate | limitTo:10}}</i>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="tab-footer">-->
                                <!--<a href ng-click="getMoreInfoList('hasTodo')" class="pull-right">查看所有记录<i class="iconfont icon-gengduo"></i>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</tab>-->
                    <!--</tabset>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="piece">-->
                <!--<div class="tasks">-->
                    <!--<div class="head">-->
                        <!--<span>资讯中心</span>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-yingyongzhongxin" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li ng-repeat="(key,value) in pieceNameList">-->
                                    <!--<a href ng-click="resetPiece(parentKey,key)">{{value}}</a>-->
                                <!--</li>-->
                                <!--<li class="divider"></li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="setLocked()">删除板块</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-shezhi" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li>-->
                                    <!--<a href ng-click="addPieceTab(parentKey)">新增标签</a>-->
                                <!--</li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="delPieceTab(parentKey)">{{item.tabClose?'取消删除':'删除标签'}}</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<tabset>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--公告 <i class="badge" ng-if="News.newNum!==0">{{News.newNum}}</i>-->
                            <!--</tab-heading>-->
                            <!--<div class="tab-main">-->
                                <!--<ul class="list-unstyled task-list">-->
                                    <!--<li ng-repeat="news in News.newsList" ng-click="getDetail('news',news.id)">-->
                                        <!--<span class="pointer"></span> <u>{{news.newsTitle}}-->
                                        <!--<b ng-if="news.new" class="iconfont icon-new"></b> </u>-->
                                        <!--<i>{{news.inputDate | limitTo:10}}</i>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="tab-footer">-->
                                <!--<a href ng-click="getMoreInfoList('news')" class="pull-right">查看所有记录<i class="iconfont icon-gengduo"></i>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</tab>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--通知 <i class="badge" ng-if="Notice.newNum!==0">{{Notice.newNum}}</i>-->
                            <!--</tab-heading>-->
                            <!--<div class="tab-main">-->
                                <!--<ul class="list-unstyled task-list">-->
                                    <!--<li ng-repeat="notice in Notice.noticeList" ng-click="getDetail('notice',notice.id)">-->
                                        <!--<span class="pointer"></span> <u>{{notice.noticeName}}-->
                                        <!--<b ng-if="notice.new" class="iconfont icon-new"></b> </u>-->
                                        <!--<i>{{notice.inputDate | limitTo:10}}</i>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<div class="tab-footer">-->
                                <!--<a href ng-click="getMoreInfoList('notice')" class="pull-right">查看所有记录<i class="iconfont icon-gengduo"></i>-->
                                <!--</a>-->
                            <!--</div>-->
                        <!--</tab>-->
                    <!--</tabset>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="piece">-->
                <!--<div class="tasks">-->
                    <!--<div class="head">-->
                        <!--<span>课程表</span>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-yingyongzhongxin" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li ng-repeat="(key,value) in pieceNameList">-->
                                    <!--<a href ng-click="resetPiece(parentKey,key)">{{value}}</a>-->
                                <!--</li>-->
                                <!--<li class="divider"></li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="setLocked()">删除板块</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                        <!--<div class="btn-group pull-right" dropdown>-->
                            <!--<a href class="iconfont icon-shezhi" dropdown-toggle></a>-->
                            <!--<ul class="dropdown-menu" role="menu" style="min-width:120px;top:60%;">-->
                                <!--<li>-->
                                    <!--<a href ng-click="addPieceTab(parentKey)">新增标签</a>-->
                                <!--</li>-->
                                <!--<li>-->
                                    <!--<a href ng-click="delPieceTab(parentKey)">{{item.tabClose?'取消删除':'删除标签'}}</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<tabset>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--我的课表-->
                            <!--</tab-heading>-->
                            <!--<table class="timetable">-->
                                <!--<tr ng-repeat="Tr in MySchedule track by $index">-->
                                    <!--<td ng-repeat="td in Tr track by $index">{{td}}</td>-->
                                <!--</tr>-->
                            <!--</table>-->
                        <!--</tab>-->
                        <!--<tab>-->
                            <!--<tab-heading>-->
                                <!--班级课表-->
                            <!--</tab-heading>-->
                            <!--<table class="timetable">-->
                                <!--<tr ng-repeat="Tr in ClassSchedule track by $index">-->
                                    <!--<td ng-repeat="td in Tr track by $index">{{td}}</td>-->
                                <!--</tr>-->
                            <!--</table>-->
                        <!--</tab>-->
                    <!--</tabset>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>